
/* 文字基本颜色 */
$ns-text-color-black: #333; //基本色
$ns-text-color-gray: #898989; //辅助灰色，如加载更多的提示信息
$ns-border-color-gray: #e7e7e7;
$ns-bg-color-gray: #e5e5e5;



/* 文字尺寸 */
$ns-font-size-x-sm: 20rpx;
$ns-font-size-sm: 22rpx;
$ns-font-size-base: 24rpx; //12
$ns-font-size-lg: 28rpx; //14
$ns-font-size-x-lg: 32rpx; //16
$ns-font-size-xx-lg: 36rpx; //18
$ns-font-size-xxx-lg: 40rpx; //19            一般用来显示突出的文字或者数字


//内边距
$ns-padding: 20rpx;


//外边距
$ns-margin: 20rpx;


//圆角
$ns-border-radius: 4px;


// 按钮禁用背景色
$btn-disabled-color: #b7b7b7;

.ns-font-size-x-sm{
	font-size: $ns-font-size-x-sm;			//20
}
// 小
.ns-font-size-sm {
	font-size: $ns-font-size-sm;			//22
}
// 标准
.ns-font-size-base {
	font-size: $ns-font-size-base;		   //24
}
// 大
.ns-font-size-lg {
	font-size: $ns-font-size-lg;		   //28
}
.ns-font-size-x-lg {
	font-size: $ns-font-size-x-lg;		  // 32
}
.ns-font-size-xx-lg {
	font-size: $ns-font-size-xx-lg;		 //36
}
.ns-font-size-xxx-lg {
	font-size: $ns-font-size-xxx-lg;	    //40
}

//文字颜色
.ns-text-color-black {
	color: $ns-text-color-black !important;
}
.ns-text-color-gray {
	color: $ns-text-color-gray !important;
}

.ns-border-color-gray {
	border-color: $ns-border-color-gray !important;
}

.ns-bg-color-gray {
	background-color: $ns-bg-color-gray !important;
}

page {
	background-color: #f7f7f7;
}

view {
	font-size: $ns-font-size-lg;
	color: $ns-text-color-black;
}

//内边距
.ns-padding {
	padding: $ns-padding !important;
	&-top {
		padding-top: $ns-padding !important;
	}
	&-right {
		padding-right: $ns-padding !important;
	}
	&-bottom {
		padding-bottom: $ns-padding !important;
	}
	&-left {
		padding-left: $ns-padding !important;
	}
}

//外边距
.ns-margin {
	margin: $ns-margin !important;
	&-top {
		margin-top: $ns-margin !important;
	}
	&-right {
		margin-right: $ns-margin !important;
	}
	&-bottom {
		margin-bottom: $ns-margin !important;
	}
	&-left {
		margin-left: $ns-margin !important;
	}
}

//圆角
.ns-border-radius {
	border-radius: $ns-border-radius !important;
}

uni-button:after {
	border: none !important;
}
button::after{
	border: none !important;
}

.uni-tag--inverted {
	border-color: $ns-border-color-gray !important;
	color: $ns-text-color-black !important;
}

// 按钮禁用背景色
.btn-disabled-color {
	background: $btn-disabled-color;
}

// 右浮动
.pull-right {
	float: right !important;
}

// 左浮动
.pull-left {
	float: left !important;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}


// 商品详情，数量加减
.sku-layer .body-item .number-wrap .number {
	button,
	input {
		border-color: rgba(229, 229, 229, 0.5) !important;
		background-color: rgba(229, 229, 229, 0.4) !important;
	}
}

.ns-btn-default-all.gray {
	background: $ns-bg-color-gray;
	color: $ns-text-color-gray;
}
.ns-btn-default-all.free.gray {
	background: #ffffff;
	color: $ns-text-color-gray;
	border: 1rpx solid $ns-border-color-gray;
}
.ns-btn-default-mine.gray {
	background: $ns-bg-color-gray;
	color: $ns-text-color-gray;
}
.ns-btn-default-mine.free.gray {
	background: #ffffff;
	color: $ns-text-color-gray;
	border: 1rpx solid $ns-border-color-gray;
}

